<?php $this->load->view('_inc/header_popup'); ?>
<script>
    $(document).ready(function(){    
       $("#addMembro").click(function(){
           var input = $("#inputMembro");
           var nome = input.val();
           var lista = $("#listaMembros");
           input.val('');
           if(nome != ''){
                lista.append("<li><input type='hidden' name='membros[]' value='"+nome+"'></input>"+nome+"<a class='retira' onClick='$(this).parent().remove();'>X</a>");
           }
       });
    });
</script>

<h1>Cadastro de Avaliação</h1>

<?php echo form_open('avaliacao/cadastrandoAvaliacao')?>
<table>
    <tr>
        <td>
            <?php echo form_label('Avaliado:','iavaliado')?>
            <?php echo form_dropdown('avaliado',$dropMembros,'','id=iavaliado')?>
        </td>
    </tr>
    <tr>
        <td>
            <?php echo form_label('Avaliadores:')?><br>
            <?php echo form_input('membros','','list=membros id=inputMembro')?>
            <datalist id="membros">
                <?php foreach($dropMembros as $membro){ ?>
                    <option value="<?php echo $membro?>">
                <?php } ?>
            </datalist>
            <button type="button" id="addMembro">Adicionar</button><br>
        </td>
    </tr>
</table>

<h2>Avaliadores Selecionados</h2>
<ul class="listaAdd espaca" id="listaMembros"></ul>


<?php echo form_submit('','Cadastrar')?>
<?php echo form_button('','Cancelar','class=cancela')?>
<?php echo form_close()?>
